<!DOCTYPE html>
<html>
    <head lang="en">
        <meta charset="UTF-8">
        <title>灾害信息录入系统</title>
        <link rel="stylesheet" href="css/reset.css">
        <link rel="stylesheet" href="css/disaster.css"/>
        <!-- <link rel="stylesheet" href="https://at.alicdn.com/t/font_234130_nem7eskcrkpdgqfr.css"> -->
        <link rel="stylesheet" href="css/date.css">
    </head>
    <body>
         <!--页头-->
        <div id="header">
            <h1>
             灾害信息录入系统
            </h1>
        </div>
         <!--页面主体-->
         <div id="section">
             <!--左-->
            <div class="asideLeftSelect textCenter">
                 <p>
                     <input type="button" value="灾害类型信息" class="buttonSelect disasterTypeSelect border">
                 </p>
                 <p>
                     <input type="button" value="灾害过程信息" class="buttonSelect disasterProcessSelect">
                 </p>
            </div>
             <!--中-->
            <div class="asideMainInput">
             <!--灾害类型-->
                <div class="disasterFirstPart">
                    <form id="addDisaster" class="false">
                        <div class="disasterType">
                            <h2 class="disasterTitle">灾害类型
                     <!-- <span class="lf"></span> -->
                     <!-- <input type="button" value="收起" class="add"> -->
                            </h2>
                            <ul class="disasterType disaster">
                             <li>
                                 <label>
                                     <span>灾害名称 :</span>
                                     <input type="text" name="name" class="maxLength">
                                     <span></span>
                                 </label>
                             </li>
                             <li>
                                 <label>
                                     <span>特征描述 :</span>
                                     <input type="text" name="signalment" class="empty">
                                     <span></span>
                                 </label>
                             </li>
                             <li class="textarea">
                                 <label>
                                     <span>致灾原因 :</span>
                                     <textarea name="disasterReason" cols="50" rows="10" class="empty"></textarea>
                                     <span></span>
                                 </label>
                             </li>
                            </ul>
                        </div>
                        <p class="textRight submitBtn">
                                <input type="reset">         
                                <input type="button" value="保存" class="submit">
                        </p>
                    </form>
                    <form id="disasterSubtype">
                        <div class="showSubtype textRight displayNone">

                            <button type="button" class="newSubtype">增加灾害子类型</button>
                        </div>
                        <div class="displayNone sub">
                            <b class="close">×</b>
                            <h2 class="disasterTitle">灾害子类型
                            </h2>
                            <ul class="disasterSubtype disaster">
                             <!-- <li>
                                 <label>
                                     <span>灾害子类型 : </span>
                                     <input type="text" name="disasterTypeId" class="int">
                                     <span></span>
                                 </label>
                             </li> -->
                             <!-- <li>
                                 <label>
                                     <span>灾害父类型 : </span>
                                     <input type="text" name="disasterTypeId" class="int">
                                     <span></span>
                                 </label>
                             </li> -->
                             <li>
                                 <label>
                                     <span>灾&nbsp害&nbsp名&nbsp称 : </span>
                                     <input type="text" name="name" class="maxLength">
                                     <span></span>
                                 </label>
                             </li>
                             <li class="textarea">
                                 <label>
                                     <span>灾&nbsp害&nbsp描&nbsp述 : </span>
                                     <textarea name="description" cols="50" rows="10" class="empty"></textarea>
                                     <span></span>
                                 </label>
                             </li>
                            </ul>
                            <p class="textRight submitBtn">
                                <input type="reset">
                                <input type="button" value="保存" class="submit">
                            </p>   
                        </div>
                        <!-- <p class="textRight">
                             <button type="button" class="addSubtype add">添加子类型</button>
                         </p> -->
                         
                    </form>
                    <form id="disasterStrength">
                        <div class="showSubtypeStrength textRight displayNone">
                            <button type="button" class="newSubtypeStrength">增加灾害强度</button>
                        </div>
                        <div class="displayNone sub">
                            <b class="close">×</b>
                            <h2 class="disasterTitle">灾害强度</h2>
                            <ul class="disasterSubtypeStrength disaster">
                             <li>
                                 <label>
                                     <span>灾&nbsp&nbsp害&nbsp&nbsp强&nbsp&nbsp度 : </span>
                                     <input type="text" name="level">
                                     <span></span>
                                 </label>
                             </li>
                             <li>
                                 <label>
                                     <span>强&nbsp&nbsp度&nbsp&nbsp级&nbsp&nbsp别 : </span>
                                     <input type="text" name="scale" >
                                     <span></span>
                                 </label>
                             </li>
                            <!--  <li>
                                 <label>
                                     <span>灾害数值范围 : </span>
                                     <input type="text" name="scale" >
                                     <span></span>
                                 </label>
                             </li> -->
                             <li class="textarea">
                                 <label>
                                     <span>强&nbsp度&nbsp描&nbsp述 : </span>
                                     <textarea name="description" cols="50" rows="10" class="empty"></textarea>
                                     <span></span>
                                 </label>
                             </li>
                            </ul>
                            <p class="textRight submitBtn">
                                <input type="reset">
                                <input type="button" value="保存" class="submit">
                            </p>
                        </div>
                        <!-- <p class="textRight">
                            <button type="button" class="addSubStrenth">添加灾害强度</button>
                        </p> -->
                        
                    </form>
                        
                 <!--灾害子类型-->
                 <!-- <form   class="addSubtypeContent displayNone">
                     
                 </form> -->
                 <!--灾害强度-->
                 <!-- <form action="http://localhost:8080/type/addStrength" class="addSubStrenthContent displayNone">
                     
                 </form> -->
                </div>

             <!--灾害过程信息-->
                <div class="disasterSecondPart displayNone">
                <!--灾害过程-->
                <form action="http://192.168.1.128:8080/process/addProcess" method="post">
                 <h2 class="disasterTitle textRight">
                     <span class="lf">灾害过程</span>
                     <input type="button" value="添加" class="add">
                 </h2>
                 <ul class="disasterProcess relative disaster">
                     <li>
                         <label>
                             <span>灾情过程 :</span>
                             <input type="text" name="id" class="int">
                             <span></span>
                         </label>
                     </li>
                     <li class="true">
                         <label>
                             <span>乡镇名称 :</span>
                             <select name="xsAreaName" class="xsAreaName"></select>
                         </label>
                     </li>
                     <li class="true">
                         <label>
                             <span>开始时间 :</span>
                             <input type="text" name="startTime" class="dateStart">
                             <div class="schedule-box2 displayNone"></div>
                         </label>
                     </li>
                     <li class="true">
                         <label>
                             <span>结束时间 :</span>
                             <input type="text" name="endTime" class='dateEnd'>
                             <div class="schedule-box1 displayNone"></div>
                         </label>
                     </li>
                     <li>
                         <label>
                             <span>死亡人数 :</span>
                             <input type="text" name="diePeople" class="int">
                             <span></span>
                         </label>
                     </li>
                     <li>
                         <label>
                             <span>受伤人数 :</span>
                             <input type="text" name="hurtPeople" class="int">
                             <span></span>
                         </label>
                     </li>
                     <li>
                         <label>
                             <span>受灾人数 :</span>
                             <input type="text" name="affectPeople" class="int">
                             <span></span>
                         </label>
                     </li>
                     <li>
                         <label>
                             <span>房屋倒塌 :</span>
                             <input type="text" name="collapseBuilding" class="int">
                             <span></span>
                         </label>
                     </li>
                     <li>
                         <label>
                             <span>房屋损坏 :</span>
                             <input type="text" name="damageBuilding" class="int">
                             <span></span>
                         </label>
                     </li>
                     <li>
                         <label>
                             <span>受灾农田 :</span>
                             <input type="text" name="damageFarm" class="int">
                             <span></span>
                         </label>
                     </li>
                     <li>
                         <label>
                             <span>经济损失 :</span>
                             <input type="text" name="moneyLoss" class="int">
                             <span></span>
                         </label>
                     </li>
                     <li>
                         <label>
                             <span>受灾道路 :</span>
                             <input type="text" name="damageRoad" class="int">
                             <span></span>
                         </label>
                     </li>
                     <li>
                         <label>
                             <span>影响总面积 :</span>
                             <input type="text" name="affectArea" class="int">
                             <span></span>
                         </label>
                     </li>
                     <li class="textarea">
                         <label>
                             <span>灾情描述 :</span>
                             <textarea cols="50" rows="10" name="description" class="empty"></textarea>
                             <span></span>
                         </label>
                     </li>
                     <li class="textarea">
                         <label>
                             <span>损失描述 :</span>
                             <textarea cols="50" rows="10" name="lossDescription" class="empty"></textarea>
                             <span></span>
                         </label>
                     </li>
                     <li class="textRight">
                         <input type="reset">
                         <input type="submit" class="submit">
                     </li>
                 </ul>
                </form>
                <!--灾情信息-->
                <form action="http://192.168.1.128:8080/process/addInfo" method="post">
                 <h2 class="disasterTitle textRight">
                     <span class="lf">灾情信息</span>
                     <input type="button" value="添加" class="add">
                 </h2>
                 <ul class="disasterInfo displayNone disaster">
                     <li>
                         <label>
                             <span>灾情信息 :</span>
                             <input type="text" name="id" class="int">
                             <span></span>
                         </label>
                     </li>
                     <li>
                         <label>
                             <span>灾情过程 :</span>
                             <input type="text" name="disasterProcessId" class="int">
                             <span></span>
                         </label>
                     </li>
                     <li>
                         <label>
                             <span>灾害类型 :</span>
                             <input type="text" name="disasterTypeId" class="int">
                             <span></span>
                         </label>
                     </li>
                     <li>
                         <label>
                             <span>灾害子类型 :</span>
                             <input type="text" name="disasterSubtypeId" class="int">
                             <span></span>
                         </label>
                     </li>
                     <li>
                         <label>
                             <span>灾害强度 :</span>
                             <input type="text" name="strengthId" class="int">
                             <span></span>
                         </label>
                     </li>
                     <li>
                         <label>
                             <span>灾情起因 :</span>
                             <input type="text" name="causes" class="maxLength">
                             <span></span>
                         </label>
                     </li>
                     <li>
                         <label>
                             <span>后期影响 :</span>
                             <input type="text" name="laterInfulence" class="maxLength">
                             <span></span>
                         </label>
                     </li>
                     <li class="textarea">
                         <label>
                             <span>灾情描述 :</span>
                             <textarea cols="50" rows="10" name="description" class="empty"></textarea>
                             <span></span>
                         </label>
                     </li>
                     <li>
                         <label>
                             <span>乡镇名称 :</span>
                             <input type="text" name="xsAreaName">
                         </label>
                     </li>
                     <li class="textRight">
                         <input type="reset">
                         <input type="submit" class="submit">
                     </li>
                 </ul>
                </form>
                </div>
            </div>
         </div>
         <script src="js/jquery-1.11.3.js"></script>
         <script src="js/disaster.js"></script>
         <script src="js/date.js"></script>

    </body>
</html>